import React,{ Component } from 'react';
import pic from '$asset/images/KpnpchXsobRgLElEozzI.svg';
import style from  "$asset/css/module/404.less"

export default class Error404 extends Component{
    constructor(props) {
        super(props)
    }
  render(){
        return(
            <div className={style.notfind} >
                <div style={{minHeight:'500px',width:'800px',margin:'200px auto'}}>
                    <div style={{float:'left',width:'430px'}}>
                        <img src={pic} alt=""/>
                    </div>
                    <div style={{width:'300px',float:'left',marginLeft:'60px'}}>
                        <h1 style={{color:'#434e59', fontSize:'72px', fontWeight:600, lineHeight:'72px', marginBottom:'24px'}}>404</h1>
                        <div style={{
                            color: 'rgba(0,0,0,.45)',
                            fontSize: '20px',
                            lineHeight: '28px',
                            marginBottom: '16px'
                        }}>抱歉，你访问的页面不存在
                        </div>
                        <div>
                            <a href="/">
                                <input type="button" value="返回首页" style={{
                                    background: '#1890ff',
                                    border: 'none',
                                    padding: '10px 10px',
                                    borderRadius: '6px',
                                    color: '#fff'
                                }}/>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}

